<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/trends.css">
    <link rel="stylesheet" href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <div class="trends">
        <div class="treads_left">
            <script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>
            <video id="video-id" style="height: 100%; width: 100%;">
                <source
                    src="https://v2.kwaicdn.com/upic/2021/06/03/21/BMjAyMTA2MDMyMTUxMTdfMTc3MzUzMzM5NV81MDc1MzU3NDE4N18xXzM=_b_Ba2e20b1ea4b0ecd4b9d54887716dbe2b.mp4?pkey=AAUWxCycFT20Jv5h-iitqvKupvOVfSq8irsE-FOSdbKereGqHRfKqmNWtdy3eTRhnTSAGp6ztUtSo4h_n-L8DUTZzyksJpLNPCR3HB5cw00AvhLaS3NrkauhQu9joakVmSc&tag=1-1623912005-xpcwebhome-0-ursiifzxm6-4ef46d10ca03457d&clientCacheKey=3x9aq36qeejn7py_b.mp4&tt=b&di=3c01b5ca&bp=14944"
                    type="video/mp4" />
                </video>
                <script>
                    var myFP = fluidPlayer(
                        'video-id', {
                            "layoutControls": {
                                "controlBar": {
                                    "autoHideTimeout": 3,
                                    "animated": true,
                                    "autoHide": true
                                },
                                "htmlOnPauseBlock": {
                                    "html": null,
                                    "height": null,
                                    "width": null
                                },
                                "autoPlay": true,
                                "mute": false,
                                "allowTheatre": false,
                                "playPauseAnimation": true,
                                "playbackRateEnabled": false,
                                "allowDownload": false,
                                "playButtonShowing": false,
                                "fillToContainer": false,
                                "posterImage": ""
                            },
                            "vastOptions": {
                                "adList": [],
                                "adCTAText": false,
                                "adCTATextPosition": ""
                            }
                        })
                </script>

        </div>
        <div class="treads_right">
            <div>
                
                <i class="fa fa-chevron-up fa-2x"></i><br>
                <i class="fa fa-chevron-down fa-2x"></i>
              
            </div>
           
        </div>
    </div>
</body>

</html>